<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%
	//项目的发布路径，例如:  /rabc
	String path = request.getContextPath();
	/*
	全路径，形式如下: http://127.0.0.1:8001/rbac/
	request.getScheme()      ——> http 获取协议
	request.getServerName()  --> 127.0.0.1 获取服务名
	request.getServerPort()  --> 8001 获取端口号
	path                     --> /rbac 获取访问的路径 路
	*/
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%-- 
	<base/>标签解决路径问题
	参考文章:http://www.cnblogs.com/muqianying/archive/2012/03/16/2400280.html
--%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>欢迎使用！</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css" />
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/css/app.css">
<script src="assets/js/echarts.min.js"></script>

</head>

<body data-type="index" style="background-color: #e9ecf3;">


	<header class="am-topbar am-topbar-inverse admin-header">
		<div class="am-topbar-brand"></div>
		<div
			class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right">

		</div>

		<button
			class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
			data-am-collapse="{target: '#topbar-collapse'}">
			<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
		</button>

		<div class="am-collapse am-topbar-collapse" id="topbar-collapse">

			<ul
				class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
					<a class="am-dropdown-toggle tpl-header-list-link"
					href="javascript:;"> <span class="am-icon-bell-o"></span> 提醒 <span
						class="am-badge tpl-badge-success am-round">0</span></span>
				</a>
					<ul class="am-dropdown-content tpl-dropdown-content">
						<li class="tpl-dropdown-content-external">
							<h3>
								你有 <span class="tpl-color-success">5</span> 条提醒
							</h3>
							<a href="###">全部</a>
						</li>
						<li class="tpl-dropdown-list-bdbc"><a href="#"
							class="tpl-dropdown-list-fl"><span
								class="am-icon-btn am-icon-plus tpl-dropdown-ico-btn-size tpl-badge-success"></span>
								【预览模块】移动端 查看时 手机、电脑框隐藏。</a> <span class="tpl-dropdown-list-fr">3小时前</span>
						</li>
						<li class="tpl-dropdown-list-bdbc"><a href="#"
							class="tpl-dropdown-list-fl"><span
								class="am-icon-btn am-icon-check tpl-dropdown-ico-btn-size tpl-badge-danger"></span>
								移动端，导航条下边距处理</a> <span class="tpl-dropdown-list-fr">15分钟前</span></li>
						<li class="tpl-dropdown-list-bdbc"><a href="#"
							class="tpl-dropdown-list-fl"><span
								class="am-icon-btn am-icon-bell-o tpl-dropdown-ico-btn-size tpl-badge-warning"></span>
								追加统计代码</a> <span class="tpl-dropdown-list-fr">2天前</span></li>
					</ul>
				</li>
				<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
					<a class="am-dropdown-toggle tpl-header-list-link"
					href="javascript:;"> <span class="am-icon-calendar"></span> 进度
						<span class="am-badge tpl-badge-primary am-round">0</span></span>
				</a>
					<ul class="am-dropdown-content tpl-dropdown-content">
						<li class="tpl-dropdown-content-external">
							<h3>
								你有 <span class="tpl-color-primary">4</span> 个任务进度
							</h3>
							<a href="###">全部</a>
						</li>
						<li><a href="javascript:;"
							class="tpl-dropdown-content-progress"> <span class="task">
									<span class="desc">Amaze UI 用户中心 v1.2 </span> <span
									class="percent">45%</span>
							</span> <span class="progress">
									<div class="am-progress tpl-progress am-progress-striped">
										<div class="am-progress-bar am-progress-bar-success"
											style="width: 45%"></div>
									</div>
							</span>
						</a></li>
						<li><a href="javascript:;"
							class="tpl-dropdown-content-progress"> <span class="task">
									<span class="desc">新闻内容页 </span> <span class="percent">30%</span>
							</span> <span class="progress">
									<div class="am-progress tpl-progress am-progress-striped">
										<div class="am-progress-bar am-progress-bar-secondary"
											style="width: 30%"></div>
									</div>
							</span>
						</a></li>
						<li><a href="javascript:;"
							class="tpl-dropdown-content-progress"> <span class="task">
									<span class="desc">管理中心 </span> <span class="percent">60%</span>
							</span> <span class="progress">
									<div class="am-progress tpl-progress am-progress-striped">
										<div class="am-progress-bar am-progress-bar-warning"
											style="width: 60%"></div>
									</div>
							</span>
						</a></li>

					</ul>
				</li>
				<li class="am-hide-sm-only"><a href="javascript:;"
					id="admin-fullscreen" class="tpl-header-list-link"><span
						class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
			</ul>
		</div>
	</header>







	<div class="tpl-page-container tpl-page-header-fixed">


<jsp:include page="nav.jsp"/>





		<div class="tpl-content-wrapper">

			<div class="row">
				<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
					<div class="dashboard-stat blue">
						<div class="visual">
							<i class="am-icon-comments-o"></i>
						</div>
						<div class="details">
							<div class="number">13</div>
							<div class="desc">今日订单</div>
						</div>
						<a class="more" href="#"> 查看更多 <i
							class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
					<div class="dashboard-stat red">
						<div class="visual">
							<i class="am-icon-comments-o"></i>
						</div>
						<div class="details">
							<div class="number">5</div>
							<div class="desc">今日行程</div>
						</div>
						<a class="more" href="#"> 查看更多 <i
							class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
					<div class="dashboard-stat green">
						<div class="visual">
							<i class="am-icon-bar-chart-o"></i>
						</div>
						<div class="details">
							<div class="number">¥6530</div>
							<div class="desc">今日预计收入</div>
						</div>
						<a class="more" href="#"> 查看更多 <i
							class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
					<div class="dashboard-stat purple">
						<div class="visual">
							<i class="am-icon-bar-chart-o"></i>
						</div>
						<div class="details">
							<div class="number">¥786</div>
							<div class="desc">今日实际收入</div>
						</div>
						<a class="more" href="#"> 查看更多 <i
							class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>



			</div>

			<div class="row">
				<div class="am-u-md-6 am-u-sm-12 row-mb">
					<div class="tpl-portlet">
						<div class="tpl-portlet-title">
							<div class="tpl-caption font-green ">
								<i class="am-icon-cloud-download"></i> <span> 预计收入</span>
							</div>
						</div>

						<!--此部分数据请在 js文件夹下中的 app.js 中的 “百度图表A” 处修改数据 插件使用的是 百度echarts-->
						<div class="tpl-echarts" id="tpl-echarts-A"></div>
					</div>
				</div>
				<div class="am-u-md-6 am-u-sm-12 row-mb">
					<div class="tpl-portlet">
						<div class="tpl-portlet-title">
							<div class="tpl-caption font-green ">
								<i class="am-icon-cloud-download"></i> <span> 实际收入</span>
							</div>
						</div>

						<!--此部分数据请在 js文件夹下中的 app.js 中的 “百度图表A” 处修改数据 插件使用的是 百度echarts-->
						<div class="tpl-echarts" id="tpl-echarts-D"></div>
					</div>
				</div>
			</div>


			<div class="row">
				<div class="am-u-md-6 am-u-sm-12 row-mb">

					<div class="tpl-portlet">
						<div class="tpl-portlet-title">
							<div class="tpl-caption font-green ">
								<span>今日行程</span> <span class="caption-helper">16 件</span>
							</div>
							<div class="tpl-portlet-input">
								<div class="portlet-input input-small input-inline">
									<div class="input-icon right">
										<i class="am-icon-search"></i> <input type="text"
											class="form-control form-control-solid" placeholder="搜索...">
									</div>
								</div>
							</div>
						</div>
						<div id="wrapper" class="wrapper">
							<div id="scroller" class="scroller">
								<ul class="tpl-task-list">
									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> Amaze UI Icon 组件目前使用了
												Font Awesome </span>
										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 在 data-am-dropdown
												里指定要适应到的元素，下拉内容的宽度会设置为该元素的宽度。当然可以直接在 CSS 里设置下拉内容的宽度。 </span>

										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 使用 LESS： 通过设置变量
												@fa-font-path 覆盖默认的值，如 @fa-font-path: "../fonts";。这个变量定义在
												icon.less 里。 </span>


										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 添加 .am-btn-group-justify
												class 让按钮组里的按钮平均分布，填满容器宽度。 </span>


										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 按照示例组织好 HTML 结构（不加
												data-am-dropdown 属性），然后通过 JS 来调用。 </span>

										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>


									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 添加 .am-btn-group-justify
												class 让按钮组里的按钮平均分布，填满容器宽度。 </span>


										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>
									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 使用 LESS： 通过设置变量
												@fa-font-path 覆盖默认的值，如 @fa-font-path: "../fonts";。这个变量定义在
												icon.less 里。 </span>


										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 添加 .am-btn-group-justify
												class 让按钮组里的按钮平均分布，填满容器宽度。 </span>


										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>

									<li>
										<div class="task-checkbox">
											<input type="hidden" value="1" name="test"> <input
												type="checkbox" class="liChild" value="2" name="test">
										</div>
										<div class="task-title">
											<span class="task-title-sp"> 按照示例组织好 HTML 结构（不加
												data-am-dropdown 属性），然后通过 JS 来调用。 </span>

										</div>
										<div class="task-config">
											<div class="am-dropdown tpl-task-list-dropdown"
												data-am-dropdown>
												<a href="###"
													class="am-dropdown-toggle tpl-task-list-hover "
													data-am-dropdown-toggle> <i class="am-icon-cog"></i> <span
													class="am-icon-caret-down"></span>
												</a>
												<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
													<li><a href="javascript:;"> <i
															class="am-icon-check"></i> 保存
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-pencil"></i> 编辑
													</a></li>
													<li><a href="javascript:;"> <i
															class="am-icon-trash-o"></i> 删除
													</a></li>
												</ul>


											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="am-u-md-6 am-u-sm-12 row-mb">
					<div class="tpl-portlet">
						<div class="tpl-portlet-title">
							<div class="tpl-caption font-green ">
								<span>今日订单</span>
							</div>

						</div>

						<div class="am-tabs tpl-index-tabs" data-am-tabs>
							<ul class="am-tabs-nav am-nav am-nav-tabs">
								<li class="am-active"><a href="#tab1">进行中</a></li>
								<li><a href="#tab2">已完成</a></li>
							</ul>

							<div class="am-tabs-bd">
								<div class="am-tab-panel am-fade am-in am-active" id="tab1">
									<div id="wrapperA" class="wrapper">
										<div id="scroller" class="scroller">
											<ul class="tpl-task-list tpl-task-remind">
												<li>
													<div class="cosB">12分钟前</div>
													<div class="cosA">

														<span> 注意：Chrome 和 Firefox 下， display:
															inline-block; 或 display: block; 的元素才会应用旋转动画。</span>
													</div>

												</li>
												<li>
													<div class="cosB">36分钟前</div>
													<div class="cosA">

														<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加
															.am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。</span>
													</div>

												</li>

												<li>
													<div class="cosB">2小时前</div>
													<div class="cosA">

														<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。</span>
													</div>

												</li>
												<li>
													<div class="cosB">1天前</div>
													<div class="cosA">

														<span> 部分用户反应在过长的 Tabs 中滚动页面时会意外触发 Tab
															切换事件，用户可以选择禁用触控操作。</span>
													</div>

												</li>
												<li>
													<div class="cosB">12分钟前</div>
													<div class="cosA">


														<span> 注意：Chrome 和 Firefox 下， display:
															inline-block; 或 display: block; 的元素才会应用旋转动画。</span>
													</div>

												</li>
												<li>
													<div class="cosB">36分钟前</div>
													<div class="cosA">

														<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加
															.am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。</span>
													</div>

												</li>

												<li>
													<div class="cosB">2小时前</div>
													<div class="cosA">

														<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。</span>
													</div>

												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="am-tab-panel am-fade" id="tab2">
									<div id="wrapperB" class="wrapper">
										<div id="scroller" class="scroller">
											<ul class="tpl-task-list tpl-task-remind">
												<li>
													<div class="cosB">12分钟前</div>
													<div class="cosA">


														<span> 注意：Chrome 和 Firefox 下， display:
															inline-block; 或 display: block; 的元素才会应用旋转动画。</span>
													</div>

												</li>
												<li>
													<div class="cosB">36分钟前</div>
													<div class="cosA">

														<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加
															.am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。</span>
													</div>

												</li>

												<li>
													<div class="cosB">2小时前</div>
													<div class="cosA">

														<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。</span>
													</div>

												</li>
												<li>
													<div class="cosB">1天前</div>
													<div class="cosA">

														<span> 部分用户反应在过长的 Tabs 中滚动页面时会意外触发 Tab
															切换事件，用户可以选择禁用触控操作。</span>
													</div>

												</li>
												<li>
													<div class="cosB">12分钟前</div>
													<div class="cosA">

														<span> 注意：Chrome 和 Firefox 下， display:
															inline-block; 或 display: block; 的元素才会应用旋转动画。</span>
													</div>

												</li>
												<li>
													<div class="cosB">36分钟前</div>
													<div class="cosA">


														<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加
															.am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。</span>
													</div>

												</li>

												<li>
													<div class="cosB">2小时前</div>
													<div class="cosA">


														<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。</span>
													</div>

												</li>
											</ul>
										</div>
									</div>
								</div>

							</div>
						</div>

					</div>
				</div>
			</div>



		</div>

	</div>


	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/amazeui.min.js"></script>
	<script src="assets/js/iscroll.js"></script>
	<script src="assets/js/app.js"></script>
</body>

</html>